const {defineConfig} = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  lintOnSave: false, // 去除ESLINT 警告
  publicPath: '', // 设置打包相对路径  上线
  pwa: {
    iconPaths: {
      favicon32: 'favicon.ico',
      favicon16: 'favicon.ico',
      appleTouchIcon: 'favicon.ico',
      maskIcon: 'favicon.ico',
      msTileImage: 'favicon.ico'
    }
  },
  devServer: {
    host: 'localhost',
    port: 8080,
    open: true, // 自动打开浏览器
    hot: true // 热替换  自动刷新
  },
  chainWebpack: config => {
    config.module
      .rule('scss')
      .oneOf('vue')
      .use('px2rem-loader')
      .loader('px2rem-loader')
      .before('postcss-loader')
      .options({remUnit: 50}) // 这里的16数字要和rem.js里面的一致
      .end()
  },
  productionSourceMap: false, // 生产环境不需要sourcemap
  // configureWebpack: (config) => {
  //   if (process.env.NODE_ENV === 'production') {
  //     config.optimization.minimizer[0].options.terserOptions.compress.drop_console = true
  //   } else {
  //     config.devtool = 'source-map'
  //   }
  // },
  css: {
    sourceMap: true
  }
})
